﻿@using xConnected.Common.Project
<div class="modal hide fade" id="DetailsProjectDialog" style="display: none;"  >
    <div class="modal-header">  
        <h3>@ProjectRes.ProjectDetails</h3>
    </div> 
    <div class="modal-body">
    <div data-bind="with: workingPosition">
        <label class="hidden" data-bind="text:Id"></label><br/>
        <div class="row">
        <span class="span2"><strong>@ProjectRes.Title</strong></span>
        <label data-bind="text:Title" class="span2"></label>
        </div>
        <div class="row">
        <span class="span2"><strong>@ProjectRes.Description</strong></span>
        <label data-bind="text:Description" class="span2"></label>
        </div>
        <div class="row">
        <span class="span2"><strong>@ProjectRes.StartDate</strong></span>
        <label data-bind="text:StartDate" class="span2"></label>
        </div>
        <div class="row">
        <span class="span2"><strong>@ProjectRes.Duration</strong></span>
        <label data-bind="text:Duration" class="span2"></label>
        </div>
        <div class="row">
        <span class="span2"><strong>@ProjectRes.Location</strong></span>
       <label data-bind="text:Location" class="span2"></label>
        </div>
        </div>
        <div class="row">
        <span class="span2"><strong>@ProjectRes.ContractType</strong></span>
        <label data-bind="text:contractCheck" class="span2"></label>
        </div>
      </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-bind="click: function() { $root.position.CancelDetails() }"><strong>@ProjectRes.Close</strong></a>
    </div>
</div>